<script>
import JsBarcode from 'jsbarcode';
export default {
  name:"EzBarCode",
  props:{
    code:"",
    width:{
      default:1,
      type:Number
    },
    height:{
      default:32,
      type:Number
    },
    margin:{
      default:2,
      type:Number
    },
    lineColor:{
      default:"#000",
      type:String
    },
    displayValue:{
      default:false,
      type:Boolean
    },
    format:{
      default:"CODE128",
      type:String
    }
  },
  mounted() {
    JsBarcode("#code",this.code,{
      format:this.format,//条形码的格式
      width:this.width,//线宽
      height: this.height,//条码高度
      lineColor:this.lineColor,//线条颜色
      displayValue:this.displayValue,//是否显示文字
      margin:this.margin,//设置条形码周围的空白区域
    })
  }
}
</script>

<template>
<img id="code" />
</template>

<style scoped>

</style>